import Descriptions from '@/components/Descriptions'
import DetailContainer from '@/components/DetailContainer'
import { Button, Space } from 'antd'
import { useNavigate } from 'react-router-dom'
const Index: React.FC = () => {
  const navigate = useNavigate()

  return (
    <DetailContainer
      isShowBreadCrumb={false}
      footer={
        <Space>
          <Button onClick={() => navigate(-1)}>返回</Button>
        </Space>
      }
    >
      <Descriptions
        title="订单信息"
        list={[
          {
            label: '订单ID',
            content: '1',
            id: 1,
          },
          { label: '点餐人', content: '2', id: 2 },
          { label: '点餐方式', content: '3', id: 3 },
          { label: '订单状态', content: '4', id: 4 },
          { label: '支付方式', content: '5', id: 5 },
          {
            label: '订单类型',
            content: '6',
            id: 6,
          },
          { label: '下单时间', content: '7', id: 7 },
        ]}
      />
      <Descriptions
        title="订单信息"
        list={[
          {
            label: '订单ID',
            content: '1',
            id: 1,
          },
          { label: '点餐人', content: '2', id: 2 },
          { label: '点餐方式', content: '3', id: 3 },
          { label: '订单状态', content: '4', id: 4 },
          { label: '支付方式', content: '5', id: 5 },
          {
            label: '订单类型',
            content: '6',
            id: 6,
          },
          { label: '下单时间', content: '7', id: 7 },
        ]}
      />
      <Descriptions
        title="订单信息"
        list={[
          {
            label: '订单ID',
            content: '1',
            id: 1,
          },
          { label: '点餐人', content: '2', id: 2 },
          { label: '点餐方式', content: '3', id: 3 },
          { label: '订单状态', content: '4', id: 4 },
          { label: '支付方式', content: '5', id: 5 },
          {
            label: '订单类型',
            content: '6',
            id: 6,
          },
          { label: '下单时间', content: '7', id: 7 },
        ]}
      />
      <Descriptions
        title="订单信息"
        list={[
          {
            label: '订单ID',
            content: '1',
            id: 1,
          },
          { label: '点餐人', content: '2', id: 2 },
          { label: '点餐方式', content: '3', id: 3 },
          { label: '订单状态', content: '4', id: 4 },
          { label: '支付方式', content: '5', id: 5 },
          {
            label: '订单类型',
            content: '6',
            id: 6,
          },
          { label: '下单时间', content: '7', id: 7 },
        ]}
      />
      <Descriptions
        title="订单信息"
        list={[
          {
            label: '订单ID',
            content: '1',
            id: 1,
          },
          { label: '点餐人', content: '2', id: 2 },
          { label: '点餐方式', content: '3', id: 3 },
          { label: '订单状态', content: '4', id: 4 },
          { label: '支付方式', content: '5', id: 5 },
          {
            label: '订单类型',
            content: '6',
            id: 6,
          },
          { label: '下单时间', content: '7', id: 7 },
        ]}
      />
    </DetailContainer>
  )
}

export default Index
